<!DOCTYPE HTML>
<html>
<body>
  <script type="application/javascript">

function is(a, b, msg) {
  ok(a == b, msg);
}

function ok(a, msg) {
  window.parent.postMessage({ status: a ? "OK" : "KO", message: msg }, "*");
}

ok("BroadcastChannel" in window, "BroadcastChannel exists");

var bc = new BroadcastChannel("foobar");
ok(bc, "BroadcastChannel can be created");
is(bc.name, 'foobar', "BroadcastChannel.name is foobar");

ok("postMessage" in bc, "BroadcastChannel has postMessage() method");

bc.onmessage = function(evt) {
  ok(evt instanceof MessageEvent, 'evt is a MessageEvent');
  is(evt.target, bc, 'MessageEvent.target is bc');
  is(evt.target.name, 'foobar', 'MessageEvent.target.name is foobar');
  is(evt.target.name, bc.name, 'MessageEvent.target.name is bc.name');
  is(evt.data, "Hello world from the window!", "Message received from the window");
  bc.postMessage("Hello world from the iframe!");
}

  </script>
</body>
</html>


